<template>
  <Layout class="main-layout">
    <LayoutSideBar />
    <Layout>
      <LayoutHeader>Header</LayoutHeader>
      <LayoutContent style="padding-left: 200px;">
        <RouterView />
      </LayoutContent>
      <LayoutFooter style="padding-left: 200px;">
        Footer
      </LayoutFooter>
    </Layout>
  </Layout>
</template>
<script lang="ts" setup>

import { defineComponent } from 'vue';
import { Layout, LayoutHeader, LayoutContent, LayoutFooter } from 'ant-design-vue';
import LayoutSideBar from './sider/index.vue'

// export default defineComponent({
//   name: 'DefaultLayout',
//   components: {
//     Layout,
//     LayoutSideBar,
//     LayoutHeader,
//     LayoutContent,
//     LayoutFooter
//   }
// })
</script>
<style>
.main-layout {
  width: 100%;
  min-height: 100%;
  background-color: #f4f7f9;
}
</style>
